<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>智能终端医疗数据监测报告</title>
    <style>
        body {
            font-family: "Microsoft YaHei", "SimHei", "SimSun", Arial, sans-serif;
            padding: 20px;
            font-size: 14px;
        }
        .title { font-size: 24px; font-weight: bold; color: #2196F3; text-align: center; margin-bottom: 20px; }
        .section { margin-bottom: 20px; padding: 15px; background: #f8f9fa; border-radius: 5px; }
        .section-title { font-size: 18px; font-weight: bold; color: #2196F3; margin-bottom: 10px; }
        table { width: 100%; border-collapse: collapse; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: center; }
        th { background: #2196F3; color: white; }
    </style>
</head>
<body>
    <div class="title">智能终端医疗数据监测报告</div>
    
    <div class="section">
        <div class="section-title">时间范围</div> <!-- ʱ�䷶Χ -->
        <p>{{TIME_RANGE}}</p>
    </div>
    
    <div class="section">
        <div class="section-title">详细记录</div> <!-- ��ϸ��¼ -->
        <table>
            <thead>
                <tr>
                    <th>时间</th>
                    <th>数据类型</th> <!-- �������� -->
                    <th>数值</th>
                    <th>单位</th>
                    <th>设备</th>
                    <th>状态</th>
                </tr>
            </thead>
            <tbody>
                {{DATA_ROWS}}
            </tbody>
        </table>
    </div>
</body>
</html>